<template>
  <!-- <button class="mainBtn" @click="cleartUser">临时按钮-清理本地客户信息</button>
  <button class="mainBtn" @click="clearStaff">临时按钮-清理本地员工信息</button> -->
  <div class="font-light">
    <router-view />
  </div>
</template>

<script setup>
import { useRouter } from 'vue-router'
// 引入路由
const router = useRouter()
const cleartUser = () => {
  localStorage.removeItem('userInfo')
  router.push({
      name: 'invite'
    })
}
const clearStaff = () => {
  localStorage.removeItem('staffInfo')
  router.push({
      name: 'invite'
    })
}
</script>

<style lang="less">
// 引入字体文件
@font-face {
  font-family: 'HYY3Cadillac-Light';
  src: url('./assets/font/HYY3Cadillac231108-35W-01.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'HYY3Cadillac-Bold';
  src: url('./assets/font/HYY3Cadillac231108-75W-01.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
body {
  display: block !important;
  padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
  padding-bottom: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */
}
.mainBtn{
  position: relative;
  z-index: 100000;
}
#app {
  max-width: 480px;
  margin: 0 auto;
  overflow: hidden;
}

// 添加以下样式来统一表单元素宽度
.van-cell-group {
  width: 100%;
  margin: 0 auto;
}

.van-form {
  .van-cell-group--inset {
    margin: 0 16px;
  }
  
  .van-button--block {
    margin: 16px 0;
    width: 100%;
  }
}
// 添加字体使用的辅助类
.font-light {
  font-family: 'HYY3Cadillac-Light', sans-serif;
}

.font-bold {
  font-family: 'HYY3Cadillac-Bold', sans-serif;
}
.van-picker__confirm {
  color: #000 !important;
}
</style>
